<template>
    <div class="right_bottom">
        <CapsuleChart :config="chart.config" style="width: 100%; height: 260px" :data="chart.seriesData" />
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import CapsuleChart from "@/components/datav/capsule-chart";
const config = ref({ showValue: true, unit: "消费券" });
const seriesData = ref([
    { value: 937, name: "郝娜" },
    { value: 784, name: "董军" },
    { value: 739, name: "贾磊" },
    { value: 645, name: "龚艳" },
    { value: 393, name: "王秀英" },
    { value: 293, name: "郝洋" },
    { value: 211, name: "石娜" },
    { value: 109, name: "谭秀兰" },
]);
const chart = { config, seriesData };
</script>

<style scoped lang="scss">
.right_bottom {
    box-sizing: border-box;
    padding: 0 16px;
}
</style>
